<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>门店项目</title>
    <link rel="stylesheet" href="../../../css/index.css" />
    <link rel="stylesheet" href="../../../css/weui.css" />
    <link rel="stylesheet" href="../../../css/storesItem.css">
</head>
<body>
<div class="page">
    <div class="page__bd" style="height: 100%;" >
        <!--search-->
        <div class="weui-search-bar" id="searchBar">
            <form class="weui-search-bar__form from">
                <div class="weui-search-bar__box">
                    <i class="weui-icon-search" style="top: -2px;font-size: 16px"></i>
                    <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required/>
                    <a href="javascript:" class="weui-icon-clear" id="searchClear" style="top: -2px;font-size: 16px"></a>
                </div>
                <label class="weui-search-bar__label" id="searchText" style="padding-top: 2px">
                    <i class="weui-icon-search"></i>
                    <span>输入项目名称</span>
                </label>
            </form>
            <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel" style="color: #bbbbbb">取消</a>
        </div>
        <!--tab-->
        <div style="overflow: hidden;width: 100%;position: relative;overflow-x: scroll" class="it">
            <div style="color: #313131;width: 200%;font-size: 0" class="scroll_div">
                <span style="color: #333333" class="itemSpan">全部</span>
                <span class="itemSpan itemStyle">脸部项目</span>
                <span class="itemSpan itemStyle">护肤项目</span>
                <span class="itemSpan itemStyle">身体项目</span>
                <span class="itemSpan itemStyle">私密项目</span>
                <span class="itemSpan itemStyle">手部项目</span>
                <span class="itemSpan itemStyle">护肤项目</span>
                <span class="itemSpan itemStyle">身体项目</span>
                <span class="itemSpan itemStyle">私密项目</span>
            </div>
        </div>
        <div style="overflow: hidden;width: 100%;position: relative;overflow-x: scroll;border-top: 1px solid #bbbbbb">
            <div style="width: 200%;" class="scroll_div2">
                <span class="itemSpan itemSpan_color">脸部项目</span>
                <span class="itemSpan itemSpan_color">护肤项目</span>
                <span class="itemSpan itemSpan_color">身体项目</span>
                <span class="itemSpan itemSpan_color">私密项目</span>
                <span class="itemSpan itemSpan_color">手部项目</span>
                <span class="itemSpan itemSpan_color">护肤项目</span>
                <span class="itemSpan itemSpan_color">身体项目</span>
                <span class="itemSpan itemSpan_color">私密项目</span>
            </div>
        </div>
            <div id="itemList" class="page__bd_spacing">
                <div  style="overflow: hidden">
                    <div class="preject_item_right">
                        <div class="placeholder ">
                            <img src="../../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class=" preject_item_right">
                        <div class="placeholder">
                            <img src="../../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class=" preject_item_right">
                        <div class="placeholder">
                            <img src="../../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class=" preject_item_right">
                        <div class="placeholder">
                            <img src="../../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class=" preject_item_right">
                        <div class="placeholder">
                            <img src="../../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class=" preject_item_right">
                        <div class="placeholder">
                            <img src="../../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class=" preject_item_right">
                        <div class="placeholder">
                            <img src="../../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                    <div class=" preject_item_right">
                        <div class="placeholder">
                            <img src="../../../images/daohang.jpg" alt="" style="width: 100%;height: 8rem;">
                        </div>
                        <span>肌肤护理</span>
                        <span class="item_price">￥1233/次</span>
                    </div>
                </div>
            </div>
        </div>

        <!--底部tab-->
        <div class="weui-tab">
            <div class="weui-tab__panel">
            </div>
            <div class="weui-tabbar">
                <a href="javascript:;" class="weui-tabbar__item">
                    <img src="../../../images/shiyu/dibugongjulan_wdmry@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label my_mry" >我的美容院</p>
                </a>
                <a href="javascript:;" class="weui-tabbar__item">
                    <img src="../../../images/shiyu/dibugongjulan_yuyue_xuanzhong_icon@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label" style="color: #fd5a70">预约</p>
                </a>
                <a href="javascript:;" class="weui-tabbar__item">
                    <img src="../../../images/shiyu/dibugongjulan_grzx@2x.png" alt="" class="weui-tabbar__icon">
                    <p class="weui-tabbar__label geren_zx">个人中心</p>
                </a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script type="text/javascript" src="../../../js/weui/zepto.min.js"></script>
<script type="text/javascript" src="../../../js/stores/item/itemList.js"></script>
</body>

</html>